// import { StatusBar } from 'expo-status-bar';
import { StatusBar,StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text 
        onPress={()=>{console.log('press text')}} 
        style={styles.textColor}
      >
        混合应用开发 
        <Text>react Native</Text>
      </Text>
      <Text style={{fontSize:20,color:'#faa'}}>
        text不能继承外层view的字体相关样式
        <Text>能继承父级text组件的字体样式</Text>
        text可以加事件
      </Text>

      <StatusBar/>
    </View>
  );
}

// native中布局元素默认就是弹性盒

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#eee',
    height:200,//宽高没有单位
    alignItems:'center',
    justifyContent:'center'
  },
  textColor:{
    color:'#f00',
    fontSize:30
  }
});
